<!DOCTYPE html>
<!-- Template Name: Clip-One - Frontend | Build with Twitter Bootstrap 3 | Version: 1.0 | Author: ClipTheme -->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->
	<!-- start: HEAD -->
	<head>
		<title>Clip-One - Front End</title>
		<!-- start: META -->
		<!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="" name="description" />
		<meta content="" name="author" />
		<!-- end: META -->
		<!-- start: MAIN CSS -->
		<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="assets/fonts/style.css">
		<link rel="stylesheet" href="assets/plugins/animate.css/animate.min.css">
		<link rel="stylesheet" href="assets/css/main.css">
		<link rel="stylesheet" href="assets/css/main-responsive.css">
		<link rel="stylesheet" href="assets/css/theme_blue.css" type="text/css" id="skin_color">
		<!-- end: MAIN CSS -->
		<!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
		<link rel="stylesheet" href="assets/plugins/bootstrap-social-buttons/social-buttons-3.css">
		<link rel="stylesheet" href="assets/plugins/flex-slider/flexslider.css">
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
		<!-- start: HTML5SHIV FOR IE8 -->
		<!--[if lt IE 9]>
		<script src="assets/plugins/html5shiv.js"></script>
		<![endif]-->
		<!-- end: HTML5SHIV FOR IE8 -->
	</head>
	<!-- end: HEAD -->
	<body>
		<!-- start: HEADER -->
		<header>
			<!-- start: SLIDING BAR (SB) -->
			<div id="slidingbar-area">
				<div id="slidingbar">
					<!-- start: SLIDING BAR FIRST COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>About Clip-One</h2>
						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
							Nulla consequat massa quis enim.
							Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
							In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
						</p>
					</div>
					<!-- end: SLIDING BAR FIRST COLUMN -->
					<!-- start: SLIDING BAR SECOND COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>Recent Works</h2>
						<div class="blog-photo-stream margin-bottom-30">
							<ul class="list-unstyled">
								<li>
									<a href="#"><img alt="" src="assets/images/image01.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image02.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image03.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image04.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image05.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image06.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image07.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image08.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image09.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image10.jpg"></a>
								</li>
							</ul>
						</div>
					</div>
					<!-- end: SLIDING BAR SECOND COLUMN -->
					<!-- start: SLIDING BAR THIRD COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>Contact Us</h2>
						<address class="margin-bottom-40">
							Clip-One
							<br>
							12345 Street Name, City Name, United States
							<br>
							P: (641)-734-4763
							<br>
							Email:
							<a href="#">
								info@example.com
							</a>
						</address>
					</div>
					<!-- end: SLIDING BAR THIRD COLUMN -->
				</div>
				<!-- start: SLIDING BAR TOGGLE BUTTON -->
				<a href="#" class="sb_toggle">
				</a>
				<!-- end: SLIDING BAR TOGGLE BUTTON -->
			</div>
			<!-- end: SLIDING BAR -->
			<!-- start: TOP BAR -->
			<div class="clearfix " id="topbar">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<!-- start: TOP BAR CALL US -->
							<div class="callus">
								Call Us: (641)-734-4763 - Mail:
								<a href="mailto:info@example.com">
									info@example.com
								</a>
							</div>
							<!-- end: TOP BAR CALL US -->
						</div>
						<div class="col-sm-6">
							<!-- start: TOP BAR SOCIAL ICONS -->
							<div class="social-icons">
								<ul>
									<li class="social-twitter tooltips" data-original-title="Twitter" data-placement="bottom">
										<a target="_blank" href="http://www.twitter.com">
											Twitter
										</a>
									</li>
									<li class="social-dribbble tooltips" data-original-title="Dribbble" data-placement="bottom">
										<a target="_blank" href="http://dribbble.com">
											Dribbble
										</a>
									</li>
									<li class="social-facebook tooltips" data-original-title="Facebook" data-placement="bottom">
										<a target="_blank" href="http://facebook.com">
											Facebook
										</a>
									</li>
									<li class="social-google tooltips" data-original-title="Google" data-placement="bottom">
										<a target="_blank" href="http://google.com">
											Google+
										</a>
									</li>
									<li class="social-linkedin tooltips" data-original-title="LinkedIn" data-placement="bottom">
										<a target="_blank" href="http://linkedin.com">
											LinkedIn
										</a>
									</li>
									<li class="social-youtube tooltips" data-original-title="YouTube" data-placement="bottom">
										<a target="_blank" href="http://youtube.com/">
											YouTube
										</a>
									</li>
									<li class="social-rss tooltips" data-original-title="RSS" data-placement="bottom">
										<a target="_blank" href="#" >
											RSS
										</a>
									</li>
								</ul>
							</div>
							<!-- end: TOP BAR SOCIAL ICONS -->
						</div>
					</div>
				</div>
			</div>
			<!-- end: TOP BAR -->
			<div role="navigation" class="navbar navbar-default navbar-fixed-top space-top">
				<!-- start: TOP NAVIGATION CONTAINER -->
				<div class="container">
					<div class="navbar-header">
						<!-- start: RESPONSIVE MENU TOGGLER -->
						<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<!-- end: RESPONSIVE MENU TOGGLER -->
						<!-- start: LOGO -->
						<a class="navbar-brand" href="index.html">
							CLIP<i class="clip-clip"></i>ONE
						</a>
						<!-- end: LOGO -->
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="index.html">
									Home
								</a>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Pages <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="pages_about.html">
											About Us
										</a>
									</li>
									<li>
										<a href="pages_team.html">
											Team
										</a>
									</li>
									<li>
										<a href="pages_services.html">
											Services
										</a>
									</li>
									<li>
										<a href="pages_careers.html">
											Careers
										</a>
									</li>
									<li>
										<a href="pages_faq.html">
											Faq
										</a>
									</li>
									<li>
										<a href="pages_contact.html">
											Contact Us
										</a>
									</li>
								</ul>
							</li>
							<li class="dropdown mega-menu active">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Features <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<!-- start: MEGA MENU CONTENT -->
										<div class="mega-menu-content">
											<div class="row">
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Main Features</span>
															<ul class="sub-menu">
																<li>
																	<a href="features_icons.html">
																		Icons
																	</a>
																</li>
																<li>
																	<a href="features_buttons.html">
																		Buttons
																	</a>
																</li>
																<li>
																	<a href="features_animations.html">
																		Animations
																	</a>
																</li>
																<li>
																	<a href="features_typograpy.html">
																		Typograpy
																	</a>
																</li>
																<li>
																	<a href="features_grid_system.html">
																		Grid System
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Headers and Footers</span>
															<ul class="sub-menu">
																<li>
																	<a href="index.html">
																		Header Version 1
																	</a>
																</li>
																<li>
																	<a href="index_header_2.html">
																		Header Version 2
																	</a>
																</li>
																<li>
																	<a href="index_header_3.html">
																		Header Version 3
																	</a>
																</li>
																<li>
																	<a href="index.html#footer">
																		Footer Version 1
																	</a>
																</li>
																<li>
																	<a href="index_footer_2.html#footer">
																		Footer Version 2
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Extra</span>
															<ul class="sub-menu">
																<li>
																	<a href="extra_search_result.html">
																		Search Result
																	</a>
																</li>
																<li>
																	<a href="extra_pricing_table.html">
																		Pricing Tables
																	</a>
																</li>
																<li>
																	<a href="extra_404.html">
																		404
																	</a>
																</li>
																<li>
																	<a href="extra_500.html">
																		500
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Blog</span>
															<ul class="sub-menu">
																<li>
																	<a href="blog_page.html">
																		Blog Page
																	</a>
																</li>
																<li class="active">
																	<a href="blog_post.html">
																		Blog Post
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<!-- end: MEGA MENU CONTENT -->
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Portfolio <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="portfolio_example1.html">
											4 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_example2.html">
											3 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_example3.html">
											2 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_item.html">
											Portfolio Item
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a target="_blank" href="../../admin/clip-one/index.html">
									Admin Theme
								</a>
							</li>
							<li class="menu-search">
								<!-- start: SEARCH BUTTON -->
								<a href="#" data-placement="bottom" data-toggle="popover">
									<i class="clip-search-3"></i>
								</a>
								<!-- end: SEARCH BUTTON -->
								<!-- start: SEARCH POPOVER -->
								<div class="popover bottom search-box">
									<div class="arrow"></div>
									<div class="popover-content">
										<!-- start: SEARCH FORM -->
										<form class="" id="searchform" action="#">
											<div class="input-group">
												<input type="text" class="form-control" placeholder="Search">
												<span class="input-group-btn">
													<button class="btn btn-main-color btn-squared" type="button">
														<i class="clip-search-3"></i>
													</button> </span>
											</div>
										</form>
										<!-- end: SEARCH FORM -->
									</div>
								</div>
								<!-- end: SEARCH POPOVER -->
							</li>
						</ul>
					</div>
				</div>
				<!-- end: TOP NAVIGATION CONTAINER -->
			</div>
		</header>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<!-- start: STYLE SELECTOR BOX -->
			<div id="style_selector" class="hidden-xs">
				<div id="style_selector_container">
					<div class="style-main-title">
						Style Selector
					</div>
					<div class="box-title">
						Predefined Color Schemes
					</div>
					<div class="images icons-color">
						<a id="blue" href="#"><img class="active" alt="" src="assets/images/blue.png"></a>
						<a id="purple" href="#"><img alt="" src="assets/images/purple.png"></a>
						<a id="red" href="#"><img alt="" src="assets/images/red.png"></a>
						<a id="orange" href="#"><img alt="" src="assets/images/orange.png"></a>
						<a id="green" href="#"><img alt="" src="assets/images/green.png"></a>
					</div>
					<div style="height:25px;line-height:25px; text-align: center">
						<a class="clear_style" href="#">
							Clear Styles
						</a>
						<a class="save_style" href="#">
							Save Styles
						</a>
					</div>
				</div>
				<div class="style-toggle close"></div>
			</div>
			<!-- end: STYLE SELECTOR BOX -->

			<section class="page-top">
				<div class="container">
					<div class="col-md-4 col-sm-4">
						<h1>Blog Post</h1>
					</div>
					<div class="col-md-8 col-sm-8">
						<ul class="pull-right breadcrumb">
							<li>
								<a href="index.html">
									Home
								</a>
							</li>
							<li>
								<a href="#">
									Features
								</a>
							</li>
							<li class="active">
								Blog Post
							</li>
						</ul>
					</div>
				</div>
			</section>
			<section class="wrapper">
				<div class="container">
					<div class="row">
						<div class="col-md-9">
							<div class="blog-posts post-page">
								<article>
									<div class="post-image">
										<div class="flexslider" data-plugin-options='{"directionNav":true}'>
											<ul class="slides">
												<li>
													<img src="assets/images/image01.jpg" />
												</li>
												<li>
													<img src="assets/images/image02.jpg" />
												</li>
												<li>
													<img src="assets/images/image03.jpg" />
												</li>
												<li>
													<img src="assets/images/image04.jpg" />
												</li>
											</ul>
										</div>
									</div>
									<div class="post-content">
										<h2>
										<a href="blog_post.html">
											Class aptent taciti sociosqu ad litora torquent
										</a></h2>
										<div class="post-meta">
											<span><i class="fa fa-calendar"></i> January 11, 2014 </span>
											<span><i class="fa fa-user"></i> By
												<a href="#">
													Peter Clark
												</a> </span>
											<span><i class="fa fa-tag"></i>
												<a href="#">
													Bootstrap
												</a>,
												<a href="#">
													Design
												</a> </span>
											<span><i class="fa fa-comments"></i>
												<a href="#">
													36 Comments
												</a></span>
										</div>
										<p>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lectus lacus, rutrum sit amet placerat et, bibendum nec mauris. Duis molestie, purus eget placerat viverra, nisi odio gravida sapien, congue tincidunt nisl ante nec tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, massa fringilla consequat blandit, mauris ligula porta nisi, non tristique enim sapien vel nisl. Suspendisse vestibulum lobortis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent nec tempus nibh. Donec mollis commodo metus et fringilla. Etiam venenatis, diam id adipiscing convallis, nisi eros lobortis tellus, feugiat adipiscing ante ante sit amet dolor. Vestibulum vehicula scelerisque facilisis. Sed faucibus placerat bibendum. Maecenas sollicitudin commodo justo, quis hendrerit leo consequat ac. Proin sit amet risus sapien, eget interdum dui. Proin justo sapien, varius sit amet hendrerit id, egestas quis mauris.
										</p>
										<p>
											Ut ac elit non mi pharetra dictum nec quis nibh. Pellentesque ut fringilla elit. Aliquam non ipsum id leo eleifend sagittis id a lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam massa mauris, viverra et rhoncus a, feugiat ut sem. Quisque ultricies diam tempus quam molestie vitae sodales dolor sagittis. Praesent commodo sodales purus. Maecenas scelerisque ligula vitae leo adipiscing a facilisis nisl ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
										</p>
										<p>
											Curabitur non erat quam, id volutpat leo. Nullam pretium gravida urna et interdum. Suspendisse in dui tellus. Cras luctus nisl vel risus adipiscing aliquet. Phasellus convallis lorem dui. Quisque hendrerit, lectus ut accumsan gravida, leo tellus porttitor mi, ac mattis eros nunc vel enim. Nulla facilisi. Nam non nulla sed nibh sodales auctor eget non augue. Pellentesque sollicitudin consectetur mauris, eu mattis mi dictum ac. Etiam et sapien eu nisl dapibus fermentum et nec tortor.
										</p>
										<p>
											Curabitur nec nulla lectus, non hendrerit lorem. Quisque lorem risus, porttitor eget fringilla non, vehicula sed tortor. Proin enim quam, vulputate at lobortis quis, condimentum at justo. Phasellus nec nisi justo. Ut luctus sagittis nulla at dapibus. Aliquam ullamcorper commodo elit, quis ornare eros consectetur a. Curabitur nulla dui, fermentum sed dapibus at, adipiscing eget nisi. Aenean iaculis vehicula imperdiet. Donec suscipit leo sed metus vestibulum pulvinar. Phasellus bibendum magna nec tellus fringilla faucibus. Phasellus mollis scelerisque volutpat. Ut sed molestie turpis. Phasellus ultrices suscipit tellus, ac vehicula ligula condimentum et.
										</p>
										<p>
											Aenean metus nibh, molestie at consectetur nec, molestie sed nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec euismod urna. Donec gravida pharetra ipsum, non volutpat ipsum sagittis a. Phasellus ut convallis ipsum. Sed nec dui orci, nec hendrerit massa. Curabitur at risus suscipit massa varius accumsan. Proin eu nisi id velit ultrices viverra nec condimentum magna. Ut porta orci quis nulla aliquam at dictum mi viverra. Maecenas ultricies elit in tortor scelerisque facilisis. Mauris vehicula porttitor lacus, vel pretium est semper non. Ut accumsan rhoncus metus non pharetra. Quisque luctus blandit nisi, id tempus tellus pulvinar eu. Nam ornare laoreet mi a molestie. Donec sodales scelerisque congue.
										</p>
										<div class="post-media post-author">
											<h4><i class="fa fa-user"></i>Author</h4>
											<div class="img-thumbnail">
												<a href="blog_post.html">
													<img alt="" src="assets/images/avatar-1.jpg">
												</a>
											</div>
											<p>
												<strong class="name">
												<a href="#">
													John Doe
												</a></strong>
											</p>
											<p>
												Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
											</p>
										</div>
										<div class="post-media post-comments">
											<h4><i class="fa fa-comments"></i>Comments (3)</h4>
											<div class="media">
												<a class="pull-left" href="#">
													<img class="media-object" alt="" src="assets/images/avatar-2.jpg">
												</a>
												<div class="media-body">
													<h5 class="media-heading">Media heading </h5>
													<span class="pull-right"> <span> <a href="#"><i class="fa fa-reply"></i> Reply</a></span> </span>
													<p>
														Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
													</p>
													<span class="date pull-right">January 12, 2014 at 1:38 pm</span>
													<hr>
													<!-- Nested media object -->
													<div class="media">
														<a class="pull-left" href="#">
															<img class="media-object" alt="" src="assets/images/avatar-1.jpg">
														</a>
														<div class="media-body">
															<h5 class="media-heading">Media heading </h5>
															<span class="pull-right"> <span> <a href="#"><i class="fa fa-reply"></i> Reply</a></span> </span>
															<p>
																Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
															</p>
															<span class="date pull-right">January 12, 2014 at 1:38 pm</span>
														</div>
													</div>
													<!--end media-->
													<hr>
													<div class="media">
														<a class="pull-left" href="#">
															<img class="media-object" alt="" src="assets/images/avatar-3.jpg">
														</a>
														<div class="media-body">
															<h5 class="media-heading">Media heading </h5>
															<span class="pull-right"> <span> <a href="#"><i class="fa fa-reply"></i> Reply</a></span> </span>
															<p>
																Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
															</p>
															<span class="date pull-right">January 12, 2014 at 1:38 pm</span>
														</div>
													</div>
													<!--end media-->
												</div>
											</div>
											<div class="media">
												<a class="pull-left" href="#">
													<img class="media-object" alt="" src="assets/images/avatar-4.jpg">
												</a>
												<div class="media-body">
													<h5 class="media-heading">Media heading </h5>
													<span class="pull-right"> <span> <a href="#"><i class="fa fa-reply"></i> Reply</a></span> </span>
													<p>
														Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
													</p>
													<span class="date pull-right">January 12, 2014 at 1:38 pm</span>
												</div>
											</div>
										</div>
										<div class="post-block post-leave-comment">
											<h3>Leave a comment</h3>
											<form type="post" action="">
												<div class="row">
													<div class="form-group">
														<div class="col-md-6">
															<label>
																Your name *
															</label>
															<input type="text" id="name" name="name" class="form-control" maxlength="100" value="">
														</div>
														<div class="col-md-6">
															<label>
																Your email address *
															</label>
															<input type="email" id="email" name="email" class="form-control" maxlength="100" value="">
														</div>
													</div>
												</div>
												<div class="row">
													<div class="form-group">
														<div class="col-md-12">
															<label>
																Comment *
															</label>
															<textarea id="comment" name="comment" class="form-control" rows="10" maxlength="5000"></textarea>
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-md-12">
														<input type="submit" data-loading-text="Loading..." class="btn btn-main-color" value="Post Comment">
													</div>
												</div>
											</form>
										</div>
									</div>
								</article>
							</div>
						</div>
						<div class="col-md-3">
							<aside class="sidebar">
								<form>
									<div class="input-group">
										<input type="text" id="s" name="s" placeholder="Search..." class="form-control">
										<span class="input-group-btn">
											<button class="btn btn-main-color" type="submit">
												<i class="fa fa-search"></i>
											</button> </span>
									</div>
								</form>
								<hr>
								<h4>Categories</h4>
								<ul class="nav nav-list blog-categories">
									<li>
										<a href="#">
											Travel
										</a>
									</li>
									<li>
										<a href="#">
											Design
										</a>
									</li>
									<li>
										<a href="#">
											Videos
										</a>
									</li>
									<li>
										<a href="#">
											Photography
										</a>
									</li>
									<li>
										<a href="#">
											Lifestyle
										</a>
									</li>
								</ul>
								<div class="tabs">
									<ul class="nav nav-tabs">
										<li class="active">
											<a data-toggle="tab" href="#popularPosts"><i class="fa fa-star"></i> Popular</a>
										</li>
										<li>
											<a data-toggle="tab" href="#recentPosts">
												Recent
											</a>
										</li>
									</ul>
									<div class="tab-content">
										<div id="popularPosts" class="tab-pane active">
											<ul class="post-list">
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image03_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Nullam Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image04_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image05_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Odiosters Nullam Vitae
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
											</ul>
										</div>
										<div id="recentPosts" class="tab-pane">
											<ul class="post-list">
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img class="img-responsive" alt="" src="assets/images/image06_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image07_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Odiosters Nullam Vitae
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image08_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Nullam Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<hr>
								<h4>About Us</h4>
								<p>
									Culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus.
								</p>
							</aside>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="newsletter">
							<h4>Newsletter</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.
							</p>
							<form method="POST" action="#" id="newsletterForm">
								<div class="input-group">
									<input type="text" id="email" name="email" placeholder="Email Address" class="form-control">
									<span class="input-group-btn">
										<button type="submit" class="btn btn-default">
											Go!
										</button> </span>
								</div>
							</form>
						</div>
					</div>
					<div class="col-md-3">
						<h4>Latest Tweet</h4>
						<div class="twitter" id="tweet">
							<i class="fa fa-twitter"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.
							<a href="#" class="time">
								12 Dec
							</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="contact-details">
							<h4>Contact Us</h4>
							<ul class="contact">
								<li>
									<p>
										<i class="fa fa-map-marker"></i><strong>Address:</strong> 1234 Street Name, City Name, United States
									</p>
								</li>
								<li>
									<p>
										<i class="fa fa-phone"></i><strong>Phone:</strong> (123) 456-7890
									</p>
								</li>
								<li>
									<p>
										<i class="fa fa-envelope"></i><strong>Email:</strong>
										<a href="mailto:mail@example.com">
											mail@example.com
										</a>
									</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-2">
						<h4>Follow Us</h4>
						<div class="social-icons">
							<ul>
								<li class="social-twitter tooltips" data-original-title="Twitter" data-placement="bottom">
									<a target="_blank" href="http://www.twitter.com">
										Twitter
									</a>
								</li>
								<li class="social-facebook tooltips" data-original-title="Facebook" data-placement="bottom">
									<a target="_blank" href="http://facebook.com" data-original-title="Facebook">
										Facebook
									</a>
								</li>
								<li class="social-linkedin tooltips" data-original-title="LinkedIn" data-placement="bottom">
									<a target="_blank" href="http://linkedin.com" data-original-title="LinkedIn">
										LinkedIn
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-copyright">
				<div class="container">
					<div class="row">
						<div class="col-md-1">
							<a class="logo" href="index.html">
								CLIP<i class="clip-clip"></i>ONE
							</a>
						</div>
						<div class="col-md-7">
							<p>
								&copy; Copyright 2014 by Clip-One. All Rights Reserved.<img src="http://i.imgur.com/XACTjQa.jpg">
							</p>
						</div>
						<div class="col-md-4">
							<nav id="sub-menu">
								<ul>
									<li>
										<a href="#">
											FAQ's
										</a>
									</li>
									<li>
										<a href="#">
											Sitemap
										</a>
									</li>
									<li>
										<a href="#">
											Contact
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<a id="scroll-top" href="#"><i class="fa fa-angle-up"></i></a>
		<!-- end: FOOTER -->
		<!-- start: MAIN JAVASCRIPTS -->
		<!--[if lt IE 9]>
		<script src="assets/plugins/respond.min.js"></script>
		<script src="assets/plugins/excanvas.min.js"></script>
		<script src="assets/plugins/html5shiv.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<![endif]-->
		<!--[if gte IE 9]><!-->
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<!--<![endif]-->
		<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="assets/plugins/jquery.transit/jquery.transit.js"></script>
		<script src="assets/plugins/hover-dropdown/twitter-bootstrap-hover-dropdown.min.js"></script>
		<script src="assets/plugins/jquery.appear/jquery.appear.js"></script>
		<script src="assets/plugins/blockUI/jquery.blockUI.js"></script>
		<script src="assets/plugins/jquery-cookie/jquery.cookie.js"></script>
		<script src="assets/js/main.js"></script>
		<!-- end: MAIN JAVASCRIPTS -->
		<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script src="assets/plugins/flex-slider/jquery.flexslider.js"></script>
		<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script>
			jQuery(document).ready(function() {
				Main.init();
			});
		</script>
	</body>
</html>